<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>03.css元素显示模式-⾏内</title>
    <style>
      .c0 {
        background-color: rgb(218, 230, 134);
      }
      .c1 {
        background-color: rgb(109, 145, 176);
      }
      .c2 {
        background-color: rgb(47, 110, 110);
      }
      .c3 {
        background-color: rgb(33, 164, 70);
      }
      .c4 {
        background-color: rgb(126, 17, 93);
        /* 给⾏内元素设置宽⾼-⽆效 */
        width: 400px;
        height: 200px;
      }
    </style>
  </head>
  <body>
    <div>
      <span class="c0">绝句</span>
      <span class="c1">两个⻩鹂鸣翠柳，</span>
      <span class="c2">⼀⾏⽩鹭上⻘天。</span>
      <span class="c3">窗含⻄岭千秋雪，</span>
      <span class="c4">⻔泊东吴万⾥船。</span>
      <span class="c0">绝句</span>
      <span class="c1">两个⻩鹂鸣翠柳，</span>
      <span class="c2">⼀⾏⽩鹭上⻘天。</span>
      <span class="c3">窗含⻄岭千秋雪，</span>
      <span class="c4">⻔泊东吴万⾥船。</span>
      <span class="c0">绝句</span>
      <span class="c1">两个⻩鹂鸣翠柳，</span>
      <span class="c2">⼀⾏⽩鹭上⻘天。</span>
      <span class="c3">窗含⻄岭千秋雪，</span>
      <span class="c4">⻔泊东吴万⾥船。</span>
      <span class="c0">绝句</span>
      <span class="c1">两个⻩鹂鸣翠柳，</span>
      <span class="c2">⼀⾏⽩鹭上⻘天。</span>
      <span class="c3">窗含⻄岭千秋雪，</span>
      <span class="c4">⻔泊东吴万⾥船。</span>
    </div>

    <img src="../img/defaultInteriorBackgroundBanner.jpg" alt="" width="100" />

    <div
      style="background: red; width: 100px; height: 100px; padding: 20px"
    ></div>
  </body>
</html>
